page{
    background-color: #F1F1F1;
}

.content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.statistics_bg {
	background-color: #FFF;
	border-radius: 4px;
	margin-top: 10px;
	height: auto;
	width: 95%;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 10px;
}

.statistics_content {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.item {
	flex: 1;
	border-radius: 20rpx;
	height: 160rpx;
	width: 30%;
}

.bg_1 {
	background-color: #00aa7f;
}

.bg_2 {
	background-color: #509AF0;
}

.bg_3 {
	background-color: #ffaa00;
}

.bg_4 {
	background-color: #b39ade;
}

.statistics_text1 {
	color: white;
	font-size: 15px;
	padding-left: 10px;
	padding-top: 4px;
}

.statistics_text2 {
	color: white;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	padding-top: 4px;
}

.statistics_text3 {
	color: white;
	font-size: 10px;
	padding-left: 10px;
	padding-top: 4px;
}

.statistics_text4 {
	color: white;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 4px;
}

	.text {
		padding: 0 20rpx;
		height: 70rpx;
		line-height: 70rpx;
		text-align: center;
		color: #777;
		font-size: 26rpx;
	}
	
	.volume_bg {
		background: linear-gradient(to bottom right, #cffff5, #899daa);
	}